<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/globalStyle.css">
    <link rel="stylesheet" href="./css/mine.css">
</head>

<body>
    <header>
        <nav>
            <img src="./images/icon/scan_icon.png" alt="">
            <h2>个人中心</h2>
            <div><img src="./images/icon/evaluate_2_icon.png" alt=""><img src="./images/icon/more_icon.png" alt=""
                    class="more_icon"></div>
        </nav>
    </header>
    <main>
        <section class="title">
            <div>
                <img src="./images/source/xiaoyang.jpg" alt="">
                <div class="box1">
                    <p>小羊<img src="./images/icon/crown_icon.png" alt=""></p>
                    <span>黄金会员</span>
                    <span>积分245</span>
                </div>
            </div>
            <div class="box2">
                <section>
                    <p>200</p>
                    <p>已看</p>
                </section>
                <section>
                    <p>200</p>
                    <p>想看</p>
                </section>
                <section>
                    <p>200</p>
                    <p>讨论</p>
                </section>
                <section>
                    <p>200</p>
                    <p>记录</p>
                </section>
            </div>
        </section>
        <section class="vip">
            <div class="vip_box1">
                <img src="./images/icon/diamand_icon.png" alt="" class="diamand">
                <div>
                    <p>会员中心</p>
                    <span>开通影视卡会员专属8折优惠</span>
                </div>
            </div>
            <div class="vip_box2">
                立即开通<img src="./images/icon/right_icon.png" alt="" class="right">
            </div>
        </section>
        <section class="form">
            <div>
                <span><img src="./images/icon/order_icon.png" alt="">我的订单</span>
                <img src="./images/icon/right_icon.png" alt="" style="width: 1.5rem;">
            </div>
            <div class="form_box1">
                <div>
                    <section><img src="./images/icon/wallet_icon.png" alt=""></section>
                    <p>我的钱包</p>
                </div>
                <div>
                    <section> <img src="./images/icon/pay_icon.png" alt=""></section>
                    <p>待付款</p>
                </div>
                <div>
                    <section> <img src="./images/icon/evaluate_icon.png" alt=""></section>
                    <p>待评价</p>
                </div>
                <div>
                    <section> <img src="./images/icon/speed_icon.png" alt=""></section>
                    <p>退款</p>
                </div>

            </div>
            <div class="form_box1">
                <div>
                    <section> <img src="./images/icon/movie_a_icon.png" alt=""></section>
                    <p>电影票</p>
                </div>
                <div>
                    <section> <img src="./images/icon/music_icon.png" alt=""></section>
                    <p>演出票</p>
                </div>
                <div>
                    <section> <img src="./images/icon/coupon_icon.png" alt=""></section>
                    <p>优惠券</p>
                </div>
                <div>
                    <section> <img src="./images/icon/score_icon.png" alt=""></section>
                    <p>兑积分</p>
                </div>
            </div>
        </section>
        <section class="mycollect" style="margin-top: 1.5rem;">
            <img src="./images/icon/collect_icon.png" alt="">
            
            我的收藏
            <img src="./images/icon/right_icon.png" alt="" class="collect_right">

        </section>
        <section class="mycollect">
            <img src="./images/icon/card_icon.png" alt="">
            我的银行卡
            <img src="./images/icon/right_icon.png" alt="" class="collect_right">

        </section>
        <section class="mycollect" style="margin-bottom: 6rem;">
            <img src="./images/icon/theatre_icon.png" alt="">
            我的小剧场
            <img src="./images/icon/right_icon.png" alt="" class="collect_right">
        </section>
    </main>


    <footer>
        <section>
            <a href="index.html" class="">首页</a>
            <a href="movie.html" class="">电影</a>
            <a href="cinema.html" class="">电影院</a>
            <a href="find.html" class="">发现</a>
            <a href="#" class="active">我的</a>
        </section>
    </footer>
</body>

</html>